<template>
  <div class="relative w-[100%] h-[100%]">
    <Title title="短信规则" />


    <div class="mt-[30px]">
      <div class="item flex">
        <div class="left relative w-[243px] mr-[24px] text-right">取件通知
          <div class="text-[12px] text-[#999999] ml-[24px] absolute top-[3px] left-[267px]"
               style="white-space: nowrap">
            系统会在北京时间10点到18点之间查询物流状态为到店的包裹，符合状态的包裹将会触发短信通知；已签收或拒收的订单不会再发送短信通知
          </div>
        </div>

        <div class="right pt-[30px]">
          每隔
          <el-input-number v-model="num" :step="2"/>
          天，发送一次取件通知，总共发送
          <el-input-number v-model="num" :step="2"/>
          次
        </div>
      </div>

      <div class="item flex mt-[30px]">
        <div class="left relative w-[243px] mr-[24px] text-right">签收超时预警</div>

        <div class="right pt-[30px]">
          发送
          <el-input-number v-model="num" :step="2"/>
          次，触发超时取件预警提醒，可以在签收超时记录查看
        </div>
      </div>

      <div class="item flex mt-[30px]">
        <div class="left relative w-[243px] mr-[24px] text-right">取件通知</div>

        <div class="right pt-[30px]">
          <div>
            <el-switch v-model="value1"/>
            开启
          </div>
          <div class="mt-[25px] text-[#999999]">
            注：同一客户（IP）在24小时内重复下单，会被判定为重复订单，将不进行下单成功短信通知
          </div>
        </div>
      </div>

    </div>


    <div class="absolute bottom-[60px] left-[267px]">
      <el-button size="large" class="w-[134px]" @click="handleBtnClick({ type: 'close' })">重 置</el-button>
      <el-button size="large" class="w-[134px]" type="primary" @click="handleBtnClick({ type: 'close' })">保 存</el-button>
    </div>
  </div>
</template>
<script setup lang="ts">
import Title from "@/components/Title/index.vue"
</script>
<style lang="scss" scoped>

</style>
